// AJAX作用：
// * 异步的 JS 和 XML
// * 通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据(网页内容发生更改不刷新网页)

// 发送GET请求
const btn = $('button')
btn.eq(0).click(function () {
    $.get('http://127.0.0.1:9000', {username: 'admin', password: 'admin'}, function (data) {
        console.log(data);
    }, 'json');
});
// 发送POST请求
btn.eq(1).click(function () {
    $.post('http://127.0.0.1:9000', {username: 'admin', password: 'admin'}, function (data) {
        console.log(data)
    }, 'json');
});
// 发送POST请求
btn.eq(2).click(function () {
    $.ajax({
        //url
        url: 'http://127.0.0.1:9000',
        //请求参数
        data: {username: 'admin', password: 'admin'},
        //请求类型
        type: 'GET',
        //响应体结果数据类型
        dataType:'json',
        //头信息
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        //成功回调
        success: function (data) {
            console.log(data);
        },
        // 超时设置（如果2秒没有返回响应体就执行失败回调）
        timeout: 2000,
        //失败回调
        error: function () {
            console.log('出错了~')
        }
    });
});